<template>
    <div class="leftContainer">
        <avaterLog></avaterLog>
    </div>
</template>

<script>
import avaterLog from './AvaterLog.vue'
export default {
    name: "leftContainer",
    components: {
        avaterLog
    }
}
</script>

<style>
.leftContainer {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 250px;
    background: #161b22;
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 100;
}

.leftContainer.show {
    transform: translateX(0);
}
</style>